import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      component: () => import('../views/Layout.vue'),
      children: [
        {
          path: '',
          name: 'employees',
          component: () => import('../views/Employees.vue')
        },
        {
          path: 'tasks',
          name: 'tasks',
          component: () => import('../views/Tasks.vue')
        },
        {
          path: 'announcements',
          name: 'announcements',
          component: () => import('../views/Announcements.vue')
        },
        {
          path: 'training-records',
          name: 'trainingRecords',
          component: () => import('../views/TrainingRecords.vue')
        },
        {
          path: 'performances',
          name: 'performances',
          component: () => import('../views/PerformanceAppraisals.vue')
        },
        {
          path: 'about',
          name: 'about',
          component: () => import('../views/About.vue')
        },
        {
          path: 'help-center',
          name: 'helpCenter',
          component: () => import('../views/HelpCenter.vue')
        },
        {
          path: 'privacy-policy',
          name: 'privacyPolicy',
          component: () => import('../views/PrivacyPolicy.vue')
        },
        {
          path: 'terms-of-use',
          name: 'termsOfUse',
          component: () => import('../views/TermsOfUse.vue')
        },
        {
          path: 'company-info',
          name: 'companyInfo',
          component: () => import('../views/CompanyInfo.vue')
        },
        {
          path: 'contact',
          name: 'contact',
          component: () => import('../views/Contact.vue')
        },
        {
          path: 'join-us',
          name: 'joinUs',
          component: () => import('../views/JoinUs.vue')
        }
      ]
    }
  ]
})

export default router 